<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a{
            text-decoration: none;
        }
        /*未点击过的链接 */
        .a1:link {
            color: brown;
        }
        /* 以访问过 */
        .a2:visited{
            color: rgb(188, 92, 92);
        }
        /* 鼠标经过 */
        .a3:hover{
            color: chartreuse;
        }
        /* 鼠标按下 */
        .a4:active{
            color: blue;
        }

       /* 获取输入框焦点 */
        input:focus{
            background-color: azure; 
        }
    </style>
</head>

<body>
    <!-- _blank	在新窗口中打开被链接文档。
         _self	默认。在相同的框架中打开被链接文档。
         _parent	在父框架集中打开被链接文档。
         _top	在整个窗口中打开被链接文档。 -->

    <a href="" class="a1" target="_blank">赵玉真</a><br>
    <a href="" class="a2" target="_self">赵玉真等</a><br>
    <a href="" class="a3">赵玉真等等</a><br>
    <a href="" class="a4">赵玉真对对对</a><br>
    <a href="" class="a5">赵玉真低调低调</a><br>

    <input type="text">
</body>

</html>